import React from 'react';
import ReactDOM from 'react-dom';
// react-router-dom 的基本使用
// 1.导入组件
// 使用BrowserRouter路由模式
import { BrowserRouter as Router, Route, Link, Routes } from "react-router-dom";

// 使用HashRouter 路由模式
// import { HashRouter as Router,Route,Link,Routes } from "react-router-dom";

// 创建First组件
const First = () => <p>页面一的内1容</p>

const App = () => (
    
    <Router>
        <div>
            <h1>路由</h1>
            {/* 指定路由入口 */}
            <Link to="/first">页面1</Link>
            {/* 指定路由出口 */}
            <Routes>
                <Route path="/first" element={<First />} />
            </Routes>
        </div>
    </Router>
)
ReactDOM.render(<App></App>, document.getElementById('root'));